* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }

html, body {
  font-size: 62.5%;
  height: 100%;
  width: 100%; }

header {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #1B82D2;
  padding-bottom: 0.5rem; }
  header img {
    width: 100%; }
  header nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: white;
    padding: 0.5rem 0; }
    header nav li:nth-of-type(1) {
      font-size: 1.6rem;
      width: 20%;
      display: flex;
      align-items: center;
      justify-content: center; }
      header nav li:nth-of-type(1) i {
        font-size: 1.4rem;
        margin-left: 5%; }
    header nav li:nth-of-type(2) {
      width: 63%;
      height: 3rem;
      background: rgba(0, 0, 0, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.5rem;
      opacity: 0.7;
      font-size: 1.6rem; }
      header nav li:nth-of-type(2) input {
        height: 3rem;
        width: 80%;
        background: transparent;
        border: 0 solid;
        line-height: 3rem;
        padding-left: 2%; }
      header nav li:nth-of-type(2) input::-webkit-input-placeholder {
        color: white; }
    header nav li:nth-of-type(3) {
      width: 17%;
      text-align: center; }
      header nav li:nth-of-type(3) img {
        width: 40%; }

footer {
  width: 100%;
  display: flex;
  align-items: center;
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.5rem 0;
  color: #8D8D8D;
  background: white;
  z-index: 99; }
  footer div {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    footer div img {
      width: 30%; }
    footer div span {
      font-size: 1.2rem;
      margin-top: 0.3rem; }

section {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 10rem; }
  section .swiper1 {
    width: 100%;
    margin-top: 0.8rem; }
    section .swiper1 .swiper-slide img {
      width: 100%; }
  section .swiper2 {
    width: 100%;
    color: #6A6A6A;
    padding-bottom: 2rem; }
    section .swiper2 .swiper-slide {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      section .swiper2 .swiper-slide div {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.4rem; }
        section .swiper2 .swiper-slide div img {
          width: 50%; }
        section .swiper2 .swiper-slide div span {
          font-size: 1.2rem;
          margin-top: 0.5rem; }
    section .swiper2 .swiper-pagination-bullets {
      bottom: 0.5rem; }
    section .swiper2 .swiper-pagination-bullet {
      width: 0.5rem;
      height: 0.5rem; }
    section .swiper2 .swiper-pagination-bullet-active {
      background: #FB6165; }
  section #gdxx {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.5rem; }
    section #gdxx img {
      width: 15%;
      margin: 0 1.4rem; }
    section #gdxx .swiper3 {
      width: 80%;
      height: 5rem; }
      section #gdxx .swiper3 .swiper-slide {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        color: black;
        font-weight: bold;
        justify-content: space-between; }
        section #gdxx .swiper3 .swiper-slide li {
          width: 70%; }
        section #gdxx .swiper3 .swiper-slide span {
          color: #F44149; }
        section #gdxx .swiper3 .swiper-slide img {
          width: 15%; }
  section #dpkq {
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 0.8rem solid #EDEDED;
    border-bottom: 0.8rem solid #EDEDED;
    padding: 1rem 0;
    margin-top: 0.8rem; }
    section #dpkq div {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0rem 1.4rem;
      border-right: 0.1rem solid #E1E1E1; }
      section #dpkq div p {
        width: 100%;
        font-size: 1.4rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        height: 1.4rem; }
        section #dpkq div p img {
          width: 4.5%;
          align-self: flex-end; }
        section #dpkq div p span {
          font-size: 1rem;
          color: #F3363E; }
      section #dpkq div ul {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 0.8rem; }
        section #dpkq div ul li {
          width: 50%;
          font-size: 1.2rem; }
          section #dpkq div ul li span:nth-of-type(1) {
            font-size: 1.4rem;
            color: #F3363E;
            font-weight: bold; }
          section #dpkq div ul li span:nth-of-type(2) {
            font-size: 1rem;
            color: #F3363E; }
          section #dpkq div ul li s {
            font-size: 1rem;
            color: #999999; }
        section #dpkq div ul img {
          width: 45%; }
  section #rqy {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 1rem; }
    section #rqy div:nth-of-type(1) {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6rem;
      font-weight: bold; }
      section #rqy div:nth-of-type(1) img {
        width: 5%; }
    section #rqy div:nth-of-type(2) {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #929292;
      margin: 0.5rem 0; }
    section #rqy div:nth-of-type(3) {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      section #rqy div:nth-of-type(3) img {
        width: 49.5%; }
    section #rqy div:nth-of-type(4) {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 0.3rem; }
      section #rqy div:nth-of-type(4) img {
        width: 32.5%; }
  section #banner_a {
    width: 100%;
    border-top: 0.8rem solid #EDEDED;
    border-bottom: 0.8rem solid #EDEDED;
    margin-top: 1rem; }
    section #banner_a img {
      width: 100%; }
  section #wndz {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 1.4rem; }
    section #wndz div:nth-of-type(1) {
      font-size: 1.6rem;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center; }
      section #wndz div:nth-of-type(1) img {
        width: 4%; }
    section #wndz div:nth-of-type(2) {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #929292;
      margin: 0.5rem 0; }
    section #wndz div:nth-of-type(3) {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0.5rem 0; }
      section #wndz div:nth-of-type(3) img {
        width: 26%; }
      section #wndz div:nth-of-type(3) li {
        width: 18%;
        background: #F5F5F5;
        font-size: 1.4rem;
        padding: 0.8rem 0;
        text-align: center;
        color: #8F8F8F; }
  section #dianpu {
    width: 100%;
    display: flex;
    flex-direction: column; }
    section #dianpu div {
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      border-top: 0.1rem solid #E5E5E5;
      margin-top: 1rem;
      padding: 0 5%;
      padding-top: 1.2rem; }
      section #dianpu div img {
        width: 25%; }
      section #dianpu div ul {
        width: 75%;
        display: flex;
        flex-direction: column;
        margin-left: 1rem;
        justify-content: space-between;
        height: 8.5rem; }
        section #dianpu div ul li:nth-of-type(1) {
          font-size: 1.4rem;
          font-weight: bold; }
        section #dianpu div ul li:nth-of-type(2) {
          font-size: 1.2rem;
          color: #989898;
          width: 100%;
          position: relative; }
          section #dianpu div ul li:nth-of-type(2) span {
            border: 0.1rem solid #DBDBDB;
            padding: 0.2rem; }
          section #dianpu div ul li:nth-of-type(2) span:last-child {
            border: 0.1rem solid white;
            position: absolute;
            right: 0; }
        section #dianpu div ul li:nth-of-type(3) {
          font-size: 1.4rem;
          font-weight: bold;
          color: #F9656B; }
        section #dianpu div ul li:nth-of-type(4) {
          font-size: 1.3rem;
          color: #CAAA74; }
    section #dianpu p {
      font-size: 1.4rem;
      font-weight: bold;
      border: 0.1rem solid #DADADA;
      padding: 0.3rem 0.5rem;
      margin: 1.4rem auto;
      display: flex;
      align-items: center; }
      section #dianpu p span {
        font-size: 1.2rem; }
  section #kbshq {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 0.8rem solid #EDEDED;
    padding-top: 1rem;
    overflow: hidden; }
    section #kbshq img {
      width: 25%;
      margin: 0 auto; }
    section #kbshq .swiper4 {
      width: 98%;
      margin: 0 0.5rem;
      margin-top: 1rem; }
      section #kbshq .swiper4 .swiper-slide {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        color: #949494;
        padding: 1rem 0;
        border-bottom: 0.1rem solid #DFDFDF; }
        section #kbshq .swiper4 .swiper-slide img {
          width: 20%;
          margin: 0 0; }
      section #kbshq .swiper4 .active {
        color: #FF5500;
        border-bottom: 0.2rem solid #FF5500; }
    section #kbshq .swiper5 {
      width: 100%; }
      section #kbshq .swiper5 .swiper-slide {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center; }
        section #kbshq .swiper5 .swiper-slide img {
          width: 100%;
          margin-top: 1.4rem; }
        section #kbshq .swiper5 .swiper-slide .rong {
          width: 100%;
          padding: 1.4rem 5%;
          display: flex;
          flex-direction: column;
          border-bottom: 1px solid #E6E6E6; }
          section #kbshq .swiper5 .swiper-slide .rong span {
            font-size: 1.2rem;
            display: flex;
            align-items: center;
            color: #8C8C8C;
            margin-top: 0.5rem;
            margin-bottom: 0.8rem; }
            section #kbshq .swiper5 .swiper-slide .rong span img {
              width: 5%;
              margin: 0 0; }
          section #kbshq .swiper5 .swiper-slide .rong div {
            width: 100%;
            display: flex;
            align-items: center; }
            section #kbshq .swiper5 .swiper-slide .rong div ul {
              width: 70%;
              padding-right: 1rem;
              height: 7.5rem;
              display: flex;
              flex-direction: column;
              justify-content: space-between; }
              section #kbshq .swiper5 .swiper-slide .rong div ul li:nth-of-type(1) {
                font-size: 1.4rem;
                font-weight: bold; }
              section #kbshq .swiper5 .swiper-slide .rong div ul li:nth-of-type(2) {
                font-size: 1rem;
                color: #888888;
                display: flex;
                align-items: center; }
                section #kbshq .swiper5 .swiper-slide .rong div ul li:nth-of-type(2) img:nth-of-type(1) {
                  width: 5%;
                  margin: 0 0; }
                section #kbshq .swiper5 .swiper-slide .rong div ul li:nth-of-type(2) img:nth-of-type(2) {
                  width: 4%;
                  margin: 0 0; }
                section #kbshq .swiper5 .swiper-slide .rong div ul li:nth-of-type(2) span {
                  color: #FF5F0B;
                  border: 0.1rem solid #FF5F0B;
                  width: 2.4rem;
                  border-radius: 0.2rem;
                  font-size: 1rem; }
            section #kbshq .swiper5 .swiper-slide .rong div img {
              width: 30%; }
